Processing 4

Guarda todos los ejercicios en una carpeta. Comprímela al terminar la case y súbela. El próximo día, podrás descargarla, descomprimirla y continuar tu trabajo. En esta tarea sólo se puede subir un archivo.

Recuerda que cuando en una linea aparece // el programa no interpreta lo que hay desde ese punto hasta el final de la línea. Sirve para hacer comentarios Todos tus programas deben empezar con un comentario que tenga tu nombre

Ejercicios

    random()

    La función random devuelve números aleatorios. Si no se da ningún dato entre paréntesis, el número aleatorio podrá tener un valor entre cero y uno. Si se dan dos números, el número aletaorio tendrá un valor situado entre ambos

    random()  => devuelve un número aleatorio entre cero y uno)
    random(min, max) => devuelve un número aleatorio entre min y max
  1. Consigue el siguiente programa (puedes pinchar dentro de la ventana para reiniciarlo):

  2. Ayuda: Crea unas variables llamadas x e y. En la zona draw() dibuja una ellipse con posición x e y. Haz que el valor de x sea un número aleatorio entre cero y el ancho de la ventana. Haz que el valor de y sea un número aleatorio entre cero y el alto de la ventana.

  3. Consigue el siguiente programa (puedes pinchar dentro de la ventana para reiniciarlo):

  4. Ayuda: Partiendo del programa anterior, haz que la x varíe sumando a su posición un número aleatorio entre - 3 y +3. Haz lo mismo con la y

  5. Consigue el siguiente programa (puedes pinchar dentro de la ventana para reiniciarlo):
  6. Ayuda: Partiendo del programa 1, crea una variable llamada gris que inicialmente valga 125. Haz la variable gris cambie sumando a su valor un número aleatorio entre -10 y 10.

  7. Consigue el siguiente programa (puedes pinchar dentro de la ventana para reiniciarlo):
  8. Ayuda: Partiendo del programa 2, usar la idea del gris del programa 3 y crear una variable llamada radio que inicialmente vale 10 y que luego varía sumándole un valor aleatorio entre -2 y +2.

  9. Consigue el siguiente programa. (puedes pinchar dentro de la ventana para reiniciarlo):
  10. Ayuda: Es parecido al programa 3 pero en lugar de un gris, tienes que crear tres variables (rojo, verde y azul) que inicialmente valgan 150 y que luego varían sumando una cantidad aleatoria.

  11. Consigue el siguiente programa. La posición x va cambiando un poco aleatoriamente a medida que cae la manzana
  12. Ayuda: es parecido al programa anterior, pero la posición de la ellipse es la del ratón y el radio también varía de manera aleatoria

    Imágenes

    Processing permite trabajar con imágenes. Para ello, hay que añadir las imágenes a la carpeta del proyecto. Descarga este archivo con la imagen de la manzana (pincha con el botón derecho y selecciona guardar enlace como. Descomprime (pincha con el botón derecho sobre el archivo descargado y selecciona extraer aquí. Añade las imágenes a la carpeta del proyecto.

    Para usar imágenes debes escribir:

    Fuera de setup() y draw()

    PImage nombre;

    en la zona setup()

    nombre= loadImage("archivo.png");

    En draw()

    image(nombre,x,y);// donde x,y es la posición de la imagen
  13. Consigue el siguiente programa (puedes pinchar dentro de la ventana para reiniciarlo):
  14. resize

    resize permite cambiar el tamaño de una imagen

    nombre.resize(ancho,alto);
  15. Consigue la siguiente imagen:
  16. Ayuda: tienes que crear tres imágenes con PImage con nombres diferentes, por ejemplo manzana1, manzana2 y manzana3. Cuando uses loadImage, puedes usar siempre el mismo archivo. Tendrás que usar 3 resize.

  17. Consigue el siguiente programa. (puedes pinchar dentro de la ventana para reiniciarlo):
  18. Ayuda: cuando muestres la imagen, haz que la posición x e y sea aleatoria

  19. Consigue el siguiente programa. (puedes pinchar dentro de la ventana para reiniciarlo):
  20. Ayuda: Al mostrar la imagen, haz que la posición sea la del ratón

  21. Consigue el siguiente programa
  22. Ayuda: es parecido al programa 2, pero con una imagen.

  23. Consigue el siguiente programa. (puedes pinchar dentro de la ventana para reiniciarlo):
  24. Ayuda: Tienes que cargar dos imágenes una tiene las mismas coordenadas que el ratón y la otra tiene las coordenadas al revés, su x es la y del ratón y viceversa